<template>
    <div class="chart-box">
        <div class="img-card">
            <img src="@/assets/cx_img2.png" alt="">
            <div>人民法院报：《以数字化改革赋能数字法院建设》</div>
        </div>
        <div class="img-card">
            <img src="@/assets/cx_img2.png" alt="">
            <div>央视“法治深壹度”栏目：《两条狗引发的官司》</div>
        </div>
        <div class="img-card">
            <img src="@/assets/cx_img2.png" alt="">
            <div>网络法治宣传精品案例：《开展“开学第一课”在线模拟庭审》</div>
        </div>
        <div class="img-card">
            <img src="@/assets/cx_img2.png" alt="">
            <div>渝中区十大法治事件：《发出全市法院首份法律咨询意见书>》</div>
        </div>
    </div>
</template>

<script>

export default {
    name: "PromotionSuccessful",
    data() {
        return {
        }
    },
    mounted() {
    }
}
</script>

<style lang="less" scoped>
.chart-box {
    flex: 1;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    justify-content: space-around;
    overflow: hidden;
    gap: 20px;

    .img-card {
        width: 224px;
        font-size: 16px;
        text-align: center;
        color: #FFFFFF;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        div{
            width: 100%;
            margin: 10px 0 0;
            text-align: center;
            line-height: 20px;
        }

        img {
            width: 120px;
        }
    }
}
</style>